<template>
  <view>
	  默认样式
	  <view style="padding: 20px;background-color: #f5f5f5;">
	  	<jp-typewriter
	  	  text="唐代诗人张若虚创作的七言长篇歌行"
	  	  :speed="200"
	  	></jp-typewriter>
	  </view>
	  自定义样式
	<view style="background-color: #f5f5f5;padding: 20px;">
		<jp-typewriter
		  text="春江潮水连海平,海上明月共潮生。
滟滟随波千万里,何处春江无月明！
江流宛转绕芳甸,月照花林皆似霰。
空里流霜不觉飞,汀上白沙看不见。"
		  :speed="200"
		  cursorImg="https://img0.baidu.com/it/u=200902156,3285736159&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
		  :textStyle="textStyle2"
		></jp-typewriter>
	</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      textStyle1: {
        color: 'red',
        fontSize: '16px',
      },
	  textStyle2: {
	    fontWeight: 'bold',
	    fontSize: '16px',
	  },
    };
  },
};
</script>